body {
  background-color: #ffffff;
  color: #000;
}

.wrapper {
  margin: 1% 5%;
  padding: 0;
  border: thin solid #000000;
}

h1 {
  background-color: #111111;
  color: #ffffff;
  margin: 0;
  padding: .2em 2%;
}

h2 {
  margin: .2em 0;
}

.main {
  width: 100%;
  margin: 0;
  padding: 0;
  border-top: thin solid #000000;
}

.content {
  width: 50%;        
  float: left;        
  margin: 0;
  padding: 1% 2%;
}

.clear {
  clear: both;   
  height: 1px;
  overflow: hidden;  
  margin: 0;        
}

.footer {
  background-color: #111111; 
  color: #ffffff;
  margin: 0;
  padding: 1% 2%;
}

.map ul {
  margin-left: 1em;
  padding-left: 0;
}

a:link {
  color: #999999;
  background-color: transparent;
}

a:hover {
  color: #999999;
  background-color: transparent;
}

body.spots .map {
  margin-left: 50%;
  margin-right: 0px;
  padding: 1%;
  font-size: 90%;
  border: thin solid #000000;
}

body.cities .map {
  margin-left: 25%;
  margin-right: 0px;
  padding: 1%;
  font-size: 90%;
  border: thin solid #000000;
}

body.cities .filter {
  width: 25%;        
  height: 400px;
  float: left;        
  margin: 0;
  padding: 1% 2%;
  border-bottom: thin solid #000000;
}
